require.config({
    paths:{
        data:'data/sort',
        get:'js/get',
        cre:'js/dom'
    }
})
require(['data','get','cre'],function(data,get,cre){
    var msg=data.send();
	
	var num=parseInt(get.$('select').value);
	
	function def(data,n,dom){
        var def=data.slice(0,n)
        dom.innerHTML=cre.creCar(def);
    }
    def(msg,num,get.$('.show'))
	
	get.$('.page-num').innerHTML=cre.crePage(Math.floor(msg.length/num))
	
	get.$('select').onchange=function(){
        num=parseInt(get.$('select').value)
        def(msg,num,get.$('.show'))
        get.$('.page-num').innerHTML=cre.crePage(Math.floor(msg.length/num))
        pageClick(get.gets('.page-num span'))
        
    }
	function pageClick(list){
		list[0].classList.add('active')
        list.forEach(function(item,index){
            item.onclick=function(){
				list.forEach(function(ite,ind){
					ite.classList.remove('active')
				})
				item.classList.add('active')
               var index=parseInt(this.innerHTML)-1;
               var res=msg.slice(index*num,index*num+num);
               get.$('.show').innerHTML=cre.creCar(res)
            }
        })
    }
	pageClick(get.gets('.page-num span'))
	
	
	get.$('.s').onclick=function(){
		get.gets('.page-num span').forEach(function(item,index){
			if(item.classList.contains('active')){
				item.classList.remove('active')
				get.gets('.page-num span')[index-1].classList.add('active')
				console.log(item)
				var inde=parseInt(item.innerHTML)-2;
				var res=msg.slice(inde*num,inde*num+num);
				get.$('.show').innerHTML=cre.creCar(res)
			}
		})
	}
	//
	get.$('.x').onclick=function(){
		for(var i=0;i<get.gets('.page-num span').length;i++){
			if(get.gets('.page-num span')[i].classList.contains('active')){
				var n=parseInt(get.gets('.page-num span')[i].getAttribute('attr'))+1
				get.gets('.page-num span')[i].classList.remove('active')
				get.gets('.page-num span')[n].classList.add('active')
				// console.log(get.gets('.page-num span')[i]+1)
				var inde=parseInt(get.gets('.page-num span')[i].innerHTML);
				console.log(inde)
				var res=msg.slice(inde*num,inde*num+num);
				get.$('.show').innerHTML=cre.creCar(res)
				break;
			}
		}
	}
	get.$('.btn').onclick=function(){
		var n=parseInt(get.$('.num').value)-1 
		console.log(n)
		get.gets('.page-num span').forEach(function(ite,ind){
			ite.classList.remove('active')
		})
		get.gets('.page-num span')[n].classList.add('active')
		var res=msg.slice(n*num,n*num+num);
		get.$('.show').innerHTML=cre.creCar(res)
	}
})